<template>
    <div class="overlay-wrap">
        <van-overlay :show="!Boolean($store.state.isSubscribe)">
            <div class="wrapper">
                <div class="block">
                    <div class="title">سالونغا ئەگەشكەندىن كېيىن زىيارەت قىلالايسىز</div>
                    <img src="https://mars-kino.oss-cn-beijing.aliyuncs.com/salon/getqrcode.jpg" alt="">
                </div>
            </div>
        </van-overlay>
    </div>
</template>

<script>
import { Overlay } from "vant";
export default {
    components: { Overlay },
    data() {
        return {};
    },
    mounted() {}
};
</script>

<style lang="scss" scoped>
.overlay-wrap {
    .van-overlay {
        z-index: 9999!important;
    }
    .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .block {
        width: 400px;
        background-color: #fff;
        border-radius: 20px;
        text-align: center;
        padding: 30px 0 10px;
        .title {
            font-size: 32px;
            padding-bottom: 4px;
            color: rgb(46, 129, 212);
        }
        img {
            width: 320px;
            height: 320px;
        }
    }
}
</style>